﻿<UserControl x:Class="DiamondDash.Views.DiamondProgressView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    Height="61" Width="160">
	<UserControl.Resources>
		<ControlTemplate x:Key="PhoneProgressBarSliderThumb" TargetType="Thumb">
			<Rectangle Fill="{TemplateBinding Foreground}" Height="4" IsHitTestVisible="False" Width="4"/>
		</ControlTemplate>
		<Style x:Key="PhoneProgressBarSliderStyle" TargetType="Slider">
			<Setter Property="Maximum" Value="3000"/>
			<Setter Property="Minimum" Value="0"/>
			<Setter Property="Value" Value="0"/>
			<Setter Property="Opacity" Value="0"/>
			<Setter Property="IsTabStop" Value="False"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Slider">
						<Grid IsHitTestVisible="False">
							<Grid x:Name="HorizontalTemplate">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="Auto"/>
									<ColumnDefinition Width="Auto"/>
									<ColumnDefinition Width="*"/>
								</Grid.ColumnDefinitions>
								<RepeatButton x:Name="HorizontalTrackLargeChangeDecreaseRepeatButton" Grid.Column="0" Height="0" Template="{x:Null}"/>
								<Thumb x:Name="HorizontalThumb" Grid.Column="1" Foreground="{TemplateBinding Foreground}" Height="4" IsTabStop="False" Template="{StaticResource PhoneProgressBarSliderThumb}"/>
								<RepeatButton x:Name="HorizontalTrackLargeChangeIncreaseRepeatButton" Grid.Column="2" Height="0" Template="{x:Null}"/>
							</Grid>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="ProgressBarStyle1" TargetType="ProgressBar">
			<Setter Property="Foreground" Value="{StaticResource PhoneAccentBrush}"/>
			<Setter Property="Background" Value="{StaticResource PhoneAccentBrush}"/>
			<Setter Property="Maximum" Value="100"/>
			<Setter Property="IsHitTestVisible" Value="False"/>
			<Setter Property="Padding" Value="{StaticResource PhoneHorizontalMargin}"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="ProgressBar">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Determinate"/>
									<VisualState x:Name="Indeterminate">
										<Storyboard Duration="00:00:04.4" RepeatBehavior="Forever">
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="IndeterminateRoot">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="DeterminateRoot">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Collapsed</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Value" Storyboard.TargetName="Slider1">
												<EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1000">
													<EasingDoubleKeyFrame.EasingFunction>
														<ExponentialEase EasingMode="EaseOut" Exponent="1"/>
													</EasingDoubleKeyFrame.EasingFunction>
												</EasingDoubleKeyFrame>
												<LinearDoubleKeyFrame KeyTime="00:00:02.0" Value="2000"/>
												<EasingDoubleKeyFrame KeyTime="00:00:02.5" Value="3000">
													<EasingDoubleKeyFrame.EasingFunction>
														<ExponentialEase EasingMode="EaseIn" Exponent="1"/>
													</EasingDoubleKeyFrame.EasingFunction>
												</EasingDoubleKeyFrame>
											</DoubleAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00.2" Storyboard.TargetProperty="Value" Storyboard.TargetName="Slider2">
												<EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1000">
													<EasingDoubleKeyFrame.EasingFunction>
														<ExponentialEase EasingMode="EaseOut" Exponent="1"/>
													</EasingDoubleKeyFrame.EasingFunction>
												</EasingDoubleKeyFrame>
												<LinearDoubleKeyFrame KeyTime="00:00:02.0" Value="2000"/>
												<EasingDoubleKeyFrame KeyTime="00:00:02.5" Value="3000">
													<EasingDoubleKeyFrame.EasingFunction>
														<ExponentialEase EasingMode="EaseIn" Exponent="1"/>
													</EasingDoubleKeyFrame.EasingFunction>
												</EasingDoubleKeyFrame>
											</DoubleAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00.4" Storyboard.TargetProperty="Value" Storyboard.TargetName="Slider3">
												<EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1000">
													<EasingDoubleKeyFrame.EasingFunction>
														<ExponentialEase EasingMode="EaseOut" Exponent="1"/>
													</EasingDoubleKeyFrame.EasingFunction>
												</EasingDoubleKeyFrame>
												<LinearDoubleKeyFrame KeyTime="00:00:02.0" Value="2000"/>
												<EasingDoubleKeyFrame KeyTime="00:00:02.5" Value="3000">
													<EasingDoubleKeyFrame.EasingFunction>
														<ExponentialEase EasingMode="EaseIn" Exponent="1"/>
													</EasingDoubleKeyFrame.EasingFunction>
												</EasingDoubleKeyFrame>
											</DoubleAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00.6" Storyboard.TargetProperty="Value" Storyboard.TargetName="Slider4">
												<EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1000">
													<EasingDoubleKeyFrame.EasingFunction>
														<ExponentialEase EasingMode="EaseOut" Exponent="1"/>
													</EasingDoubleKeyFrame.EasingFunction>
												</EasingDoubleKeyFrame>
												<LinearDoubleKeyFrame KeyTime="00:00:02.0" Value="2000"/>
												<EasingDoubleKeyFrame KeyTime="00:00:02.5" Value="3000">
													<EasingDoubleKeyFrame.EasingFunction>
														<ExponentialEase EasingMode="EaseIn" Exponent="1"/>
													</EasingDoubleKeyFrame.EasingFunction>
												</EasingDoubleKeyFrame>
											</DoubleAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00.8" Storyboard.TargetProperty="Value" Storyboard.TargetName="Slider5">
												<EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1000">
													<EasingDoubleKeyFrame.EasingFunction>
														<ExponentialEase EasingMode="EaseOut" Exponent="1"/>
													</EasingDoubleKeyFrame.EasingFunction>
												</EasingDoubleKeyFrame>
												<LinearDoubleKeyFrame KeyTime="00:00:02.0" Value="2000"/>
												<EasingDoubleKeyFrame KeyTime="00:00:02.5" Value="3000">
													<EasingDoubleKeyFrame.EasingFunction>
														<ExponentialEase EasingMode="EaseIn" Exponent="1"/>
													</EasingDoubleKeyFrame.EasingFunction>
												</EasingDoubleKeyFrame>
											</DoubleAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Slider1">
												<DiscreteDoubleKeyFrame KeyTime="0" Value="1"/>
												<DiscreteDoubleKeyFrame KeyTime="00:00:02.5" Value="0"/>
											</DoubleAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00.2" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Slider2">
												<DiscreteDoubleKeyFrame KeyTime="0" Value="1"/>
												<DiscreteDoubleKeyFrame KeyTime="00:00:02.5" Value="0"/>
											</DoubleAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00.4" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Slider3">
												<DiscreteDoubleKeyFrame KeyTime="0" Value="1"/>
												<DiscreteDoubleKeyFrame KeyTime="00:00:02.5" Value="0"/>
											</DoubleAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00.6" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Slider4">
												<DiscreteDoubleKeyFrame KeyTime="0" Value="1"/>
												<DiscreteDoubleKeyFrame KeyTime="00:00:02.5" Value="0"/>
											</DoubleAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00.8" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Slider5">
												<DiscreteDoubleKeyFrame KeyTime="0" Value="1"/>
												<DiscreteDoubleKeyFrame KeyTime="00:00:02.5" Value="0"/>
											</DoubleAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Grid x:Name="DeterminateRoot" Visibility="Visible" Margin="4,0">
								<Rectangle x:Name="ProgressBarTrack" Opacity="0.1" RadiusX="15" RadiusY="15"/>
								<Rectangle x:Name="ProgressBarIndicator" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Left" RadiusX="10" RadiusY="15"/>
							</Grid>
							<Border x:Name="IndeterminateRoot" Margin="{TemplateBinding Padding}" Visibility="Collapsed">
								<Grid>
									<Slider x:Name="Slider1" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/>
									<Slider x:Name="Slider2" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/>
									<Slider x:Name="Slider3" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/>
									<Slider x:Name="Slider4" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/>
									<Slider x:Name="Slider5" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/>
								</Grid>
							</Border>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</UserControl.Resources>
    
    <Grid x:Name="LayoutRoot">
    	<Image Source="/Images/diamondProgress.png" Stretch="Fill"/>
    	<ProgressBar x:Name="progressBar" HorizontalAlignment="Left" Height="36" Margin="2,15,0,0" VerticalAlignment="Top" Width="118" Style="{StaticResource ProgressBarStyle1}" Background="{x:Null}" SmallChange="1">
    		<ProgressBar.Foreground>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FF12A5EA" Offset="0.004"/>
    				<GradientStop Color="#FF002EFB" Offset="1"/>
    				<GradientStop Color="#FFBED6FF" Offset="0.326"/>
    			</LinearGradientBrush>
    		</ProgressBar.Foreground>
    	</ProgressBar>
    	<Image Source="/Images/diamondProgressDiamond.png" Stretch="Fill"/>

    </Grid>
</UserControl>